<script setup lang="ts">
	import { reactive } from 'vue'
	import { onLoad } from "@dcloudio/uni-app";
	const props = defineProps(['title'])
	const emits = defineEmits(['goBack'])
	function goBack() {
		emits("goBack")
	}
</script>

<template>
	<view class="page-head">
		<uni-icons class="gap-top" type="arrow-left" color="white" size="30" @click="goBack"></uni-icons>
		<text class="white-font gap-top">{{title}}</text>
	</view>
</template>

<style lang="scss">
	.page-head {
		display: flex;
		gap: 10px;
		width: 100vw;
		line-height: 88px;
		position: relative;
		z-index: 2;
	}

	.white-font {
		color: white;
	}

	.gap-top {
		font-style: oblique;
		font-weight: bold;
		font-size: 34rpx;
		letter-spacing: 2rpx;
		margin-top: 20px;
		color: #ffffff;
	}
</style>